<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <script>
        // var arr = ['张三', '李四', '王五']
        // console.log(Array.isArray(arr)) // 判断数据是否是数组的方法

        // from 将一个伪数组或者类数组对象转化为数组的方法
        // Array.from()
        // var obj = {
        //     0: '张三',
        //     1: '李四',
        //     2: '王五',
        //     length: 3
        // }
        // console.log(arr, obj)
        // console.log(Array.from(obj))
        // var lis = document.getElementsByTagName('li')
        // console.log(lis)
        //     lis = Array.from(lis)
        // lis.forEach(element => {
        //     console.log(element)
        // });

        // Array.of
        // var arr = [1, 2, 3]
        // var arr2 = new Array(1, 2, 3)
        // var arr3 = Array(2)
        // var arr3 = Array.of(2)
        // console.log(arr3)
            // keys的所用是以集合的方式返回对象中的键
        // var obj = {
        //     0: '张三',
        //     1: '李四',
        //     2: '王五',
        //     length: 3
        // }

        // console.log(Object.keys(obj))
        // console.log(Object.values(obj))
        // console.log(Object.entries(obj))

        var data = {
            'E': [],
            'G:': [],
            'A': [],
            'B': []
        }
        var data2 = {}
        Object.keys(data).sort().forEach(item => {
            data2[item] = data[item]
        })
        console.log(data2)
    </script>
</body>
</html>